<template>
  <div class="app-container">
    <el-row>
      <el-col :span="8">
        <div class="grid-content bg-purple">
          <el-form label-width="80px">
            <el-form-item label="注册类型">
              <span>asas</span>
            </el-form-item>
            <el-form-item label="电话(账号)">
              <span>asas</span>
            </el-form-item>
            <el-form-item label="位置序号">
              <span>asas</span>
            </el-form-item>
            <el-form-item label="负责人">
              <span>asas</span>
            </el-form-item>
            <el-form-item label="企业地址">
              <span>asas</span>
            </el-form-item>
            <el-form-item label="企业介绍">
              <span>asas</span>
            </el-form-item>
          </el-form>
        </div>
      </el-col>
      <el-col :span="8">
        <div class="grid-content bg-purple-light">
          <el-form :label-position="labelPosition" label-width="90px">
            <el-form-item label="企业名称">
              <span>asas</span>
            </el-form-item>
            <el-form-item label="电话(账号)">
              <span>asas</span>
            </el-form-item>
            <el-form-item label="位置序号">
              <span>asas</span>
            </el-form-item>
            <el-form-item label="修改密码">
              <el-button type="primary" @click="updatepass">修改</el-button>
            </el-form-item>

          </el-form>
        </div>
      </el-col>
      <!--<el-col :span="8"><div class="grid-content bg-purple">-->
      <!--<el-form :label-position="labelPosition" label-width="80px" >-->
      <!--<el-form-item label="负责人">-->
      <!--<span>asas</span>-->
      <!--</el-form-item>-->
      <!--<el-form-item label="企业地址">-->
      <!--<span>asas</span>-->
      <!--</el-form-item>-->
      <!--<el-form-item label="企业介绍">-->
      <!--<span>asas</span>-->
      <!--</el-form-item>-->
      <!--</el-form>-->
      <!--</div>-->
      <!--</el-col>-->
    </el-row>
    <el-dialog title="修改密码" width="80%" :visible.sync="dialogTableVisible">
      <el-form :label-position="labelPosition" label-width="80px" :model="formLabelAlign">
        <el-form-item label="旧密码">
          <el-input v-model="formLabelAlign.name"></el-input>
        </el-form-item>
        <el-form-item label="新密码">
          <el-input v-model="formLabelAlign.region"></el-input>
        </el-form-item>

      </el-form>
      <span slot="footer" class="dialog-footer">
    <el-button @click="piciflag = false">取 消</el-button>
     <el-button type="primary" class="submint" icon="el-icon-edit" @click.native="onSubmit">修改</el-button>
  </span>
    </el-dialog>
  </div>
</template>
<script>
  import codeimg from '@/assets/code.png'

  export default {
    props: {},
    components: {},
    data() {
      return {
        codeimg,
        labelPosition: 'right',
        dialogTableVisible: false,
        formLabelAlign: {
          name: '',
          region: ''
        }
      }
    },
    methods: {
      updatepass() {  //修改密码
        this.dialogTableVisible = true
      }
    },
    watch: {},
    computed: {
      //计算属性
    },
    created() {

    },
    mounted() {
      //生命周期
    }
  }
</script>
<style scoped>
  .sfz_fas {
    width: 100%;
    height: 200px;
    background-size: 100% 100%;
  }

  .img_body {
    width: 100%;
    height: 200px;
    background: red;
  }

  .img_body ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
  }

  .img_body ul li {
    width: 300px;
    height: 100%;
    float: left;
    background: black;
  }

  .app-container {

  .roles-table {
    margin-top: 30px;
  }

  .permission-tree {
    margin-bottom: 30px;
  }

  }
  .home {
    width: 100%;
    height: 100%;
  }

  .el-row {
    margin-bottom: 20px;

  &
  :last-child {
    margin-bottom: 0;
  }

  }
  .el-col {
    border-radius: 4px;
  }

  .bg-purple-dark {
    /*background: #99a9bf;*/
  }

  .bg-purple {
    /*background: #d3dce6;*/
  }

  .bg-purple-light {
    /*background: #e5e9f2;*/
  }

  .grid-content {
    border-radius: 4px;
    min-height: 36px;
  }

  .row-bg {
    padding: 10px 0;
    /*background-color: #f9fafc;*/
  }
</style>
